import 'package:flutter/material.dart';

class TabBarPage extends StatelessWidget {
  const TabBarPage({super.key});

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3, // 选项卡数量
      child: Scaffold(
        appBar: AppBar(
          title: const Text("TabBar 示例"),
        ),
        body: Column(
          children: [
            const SizedBox(
              height: 20,
            ),
            // 自定义 TabBar（不放在 AppBar 里）
            Container(
              color: Colors.blue, // 背景色
              child: const TabBar(
                labelColor: Colors.white,
                unselectedLabelColor: Colors.white70,
                indicatorColor: Colors.white,
                tabs: [
                  Tab(text: "首页"),
                  Tab(text: "消息"),
                  Tab(text: "设置"),
                ],
              ),
            ),
            // TabBarView 用 Expanded 包裹，确保占满剩余空间
            const Expanded(
              child: TabBarView(
                children: [
                  Center(child: Text("首页内容")),
                  Center(child: Text("消息内容")),
                  Center(child: Text("设置内容")),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
